﻿ /******************************************* Overwrite for having a carousel with dynamic width. ******************************/
    .jcarousel-skin-soket .jcarousel-container
    {
    }
    .jcarousel-skin-soket .jcarousel-container-horizontal
    {
        width: 90%;
        padding: 20px 40px;
    }
    .jcarousel-skin-soket .jcarousel-clip-horizontal
    {
        width: 100%;
        height: auto;
    }
    .jcarousel-skin-soket .jcarousel-item
    {
        width: auto;
        height: auto;
    }
    .jcarousel-skin-soket .jcarousel-item-horizontal
    {
        margin-right: 10px;
    }
    .jcarousel-skin-soket .jcarousel-item-placeholder
    {
        color: #000;
    }
    /**
 *  Horizontal Buttons
 */.jcarousel-skin-soket .jcarousel-next-horizontal
    {
        position: absolute;
        top: 25%;
        right: 5px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background: transparent url(next-horizontal.png) no-repeat 0 0;
    }
    .jcarousel-skin-soket .jcarousel-next-horizontal:hover
    {
        background-position: -32px 0;
    }
    .jcarousel-skin-soket .jcarousel-next-horizontal:active
    {
        background-position: -64px 0;
    }
    .jcarousel-skin-soket .jcarousel-next-disabled-horizontal, .jcarousel-skin-soket .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-soket .jcarousel-next-disabled-horizontal:active
    {
        cursor: default;
        background-position: -96px 0;
    }
    .jcarousel-skin-soket .jcarousel-prev-horizontal
    {
        position: absolute;
        top: 25%;
        left: 5px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background: transparent url(prev-horizontal.png) no-repeat 0 0;
    }
    .jcarousel-skin-soket .jcarousel-prev-horizontal:hover
    {
        background-position: -32px 0;
    }
    .jcarousel-skin-soket .jcarousel-prev-horizontal:active
    {
        background-position: -64px 0;
    }
    .jcarousel-skin-soket .jcarousel-prev-disabled-horizontal, .jcarousel-skin-soket .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-soket .jcarousel-prev-disabled-horizontal:active
    {
        cursor: default;
        background-position: -96px 0;
    }
    
    /**
 * End Overwrite for having a carousel with dynamic width.
 */